<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
<!-- 这一个跳转相当于一个BOM操作 -->
<a href="https://www.baidu.com/">百度一下</a>
<!-- 跳转之后，产生历史记录的 -->
<button onclick = "location.assign('https://www.baidu.com/')">assign跳转后 产生历史记录</button>
<button onclick = "location.replace('https://www.baidu.com/')">replace跳转后不 产生历史记录</button>
<!-- 刷新操作 也是BOM操作 -->
<button onclick="location.reload()">reload1</button>
<button onclick="window.location.reload()">reload2</button>
<button class="btn">跳转</button>
<script type="text/javascript">
	/*

		在BOM操作中 使用的时候window可以进行省略
		loaction.assign()在当前窗口可以跳转页面，并且产生历史记录
		location.replace()在当前窗口可以跳转页面，但是不产生历史记录
		location.reload() 重载 相当于刷新
	*/
	console.log(window.location)
	console.log(location.href) //url地址
	console.log(location.host)//主机号+端口号  //运行在服务器中的时候才会显示
	console.log(location.host) //主机域名 在本地的时候 127.0.0.1
	console.log(location.port) //获取端口号
	console.log(location.protocol) //返回使用的传输协议 http/https

	var btn = document.querySelector('.btn')
	btn.onclick = function() {
		location.href = '02加载事件.html?id=10&name=张三'
	}

</script>
</body>
</html>